<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		* {
			margin: 0;
			padding: 0;
		}

		body {
			background-color: #f5f5f5;
		}

		.box {
			width: 51%;
			/* height: 300px; */
			margin: 20px auto;
			text-align: center;
		}
		
		.every {
			width: 100%;
			height: 100%;
			background-color: white;
		}

		.every img {
			width: 180px;
			margin: 0 auto;
		}

		.title {
			display: inline-block;
			font-size: 14px;
			font-weight: 700;
			line-height: 35px;
			width: 200px;
			height: 35px;
			margin: 0 auto;
		}

		.des {
			display: inline-block;
			font-size: 12px;
			font-family: "microsoft yahei";
			color: gray;
			line-height: 18px;
			width: 200px;
			height: 18px;
			margin: 0 auto;
		}

		.price {
			display: inline-block;
			font-size: 14px;
			font-family: "microsoft yahei";
			font-weight: 700;
			color: #e96a00;
			line-height: 50px;
			width: 200px;
			height: 50;
			margin: 0 auto;
		}

		del {
			color: gray;
		}
		a {
			display: block;
			width: 220px;
			height: 100%;
			color: black;
			float: left;
			margin: 10px;
		}
		a:hover {
			box-shadow: 5px 5px 20px 5px #dcdcdc;
			position: relative;
			top: -2px;
		}
	</style>
	<body>
		<div class="box">
			<a href="#">
				<div class="every">
					<img src="img/1.webp.jpg" />
					<div class="title">Note 10 Pro</div>
					<div class="des">天玑1100年度旗舰芯，VC液冷散热</div>
					<div class="price">1699元起</div>
				</div>
			</a>
			<a href="#">
				<div class="every">
					<img src="img/2.webp.jpg" />
					<div class="title">Redmi Note 10 5G</div>
					<div class="des">5G小金刚，旗舰长续航</div>
					<div class="price">1099元起</div>
				</div>
			</a>
			<a href="#">
				<div class="every">
					<img src="img/3.webp.jpg" />
					<div class="title">小米MIX FOLD</div>
					<div class="des">折叠大屏｜自研芯片</div>
					<div class="price">9999元起</div>
				</div>
			</a>
			<a href="#">
				<div class="every">
					<img src="img/4.webp.jpg" />
					<div class="title">小米11 Ultra</div>
					<div class="des">1/1.12''GN2｜2K四微曲屏</div>
					<div class="price">5499元起 &nbsp;<del>5955元</del></div>
				</div>
			</a>
		</div>
	</body>
</html>
